//1. 公用样式
require('../../assets/css/index.less');
require('../../assets/css/basic.less');
require('../../assets/fonts/iconfont.css');


//2. 当前页面样式
require('./home.less');
require('../../lib/swiper/swiper-bundle.css');


//3. 公用js
let dom=require('../../utils/dom.js');
let https=require('../../utils/https.js');
let local=require('../../utils/local.js');

// 调用是否登录
dom.isLogin();
require('../../lib/swiper/swiper-bundle.js');


//4. 当前页面的js
// console.log(dom);

dom.ready(function(){

      // 调用底部菜单
      dom.bMenu('home');


    // 轮播图
    var mySwiper = new Swiper('.swiper', {
        //direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 2000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },

      })


    // 获取个人信息
    function getUserInfo(){
        https.get('/api/user/info',{},function(res){
            console.log(res.data);
            if(res.errno==0){
                local.set('userdata',res.data);

                // ES6
                let {ranking,clockCount,badges}=res.data;

                ranking1.innerHTML=ranking;
                clockcount1.innerHTML=clockCount;
                badges1.innerHTML=badges;
            }
        })
    }  

    // 当网页加载时，直接进行调用
    getUserInfo();


    // 获取打卡信息
    function getClockInfo(){
        https.get('/api/user/clockInInfo',{},function(res){
            console.log(res.data);
            if(res.errno==0){
                clockBtn.innerHTML=res.data.isClockIn?'已经打卡':'今日打卡';
                clockcount1.innerHTML=res.data.clockCount;
            }
        })
    }
      // 当网页加载时，直接进行调用
      getClockInfo();


    // 打卡功能：
    dom.getEle('#clockBtn').addEventListener('click',function(){
        // 调用接口打卡
        https.post('/api/user/clockIn',{},function(res){
            if(res.errno==-1){
                alert(res.message);
            }else{
                alert('打卡成功') 
                // 渲染文字
                getClockInfo();
            }
        })
    })
      

})

